<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@page import="com.lemurian.bankdata.lite.utils.GlobalFunction" %>

<div class="header"><span><span class="ico gray administrator"></span>Detail Klien</span>
</div><!-- End header -->	
<div class="content" >
	<s:form name="formBody" id="validation_demo">
	    <s:hidden name="start"/>
	    <s:hidden name="count"/>
	    <s:hidden name="orderBy"/>
	    <s:hidden name="ascDesc"/>
	    <s:hidden name="previousPage"/>
	    <s:hidden name="actionMethod" value="%{actionMethod}"/>
	    <s:hidden name="subaction"/>
	    <s:hidden name="id" value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/>
	    <s:token/>
	
		<!-- Third / Half column-->
		<div class="widgets">
			
			<div>
				<s:submit action="%{previousPage}" value="kembali" cssClass="uibutton special" cssStyle="width:120px"/>
			</div>
			<div class="widget">
				<div class="oneTwo" style="margin-left: 2%;">
					<div class="section" style="border-bottom: 0px;">
						<label> Departemen </label>   
						<div><s:property value="klien.department.name"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Persetujuan </label>   
						<div><s:property value="klien.marketingHead.name"/></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;">
						<label> Account Officer </label>   
						<div><s:property value="klien.accountOfficer.name"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Petugas Ketik </label>   
						<div><s:property value="klien.officerType.name"/></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
			<!-- PEMBELI -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span>  PEMBELI  </span></div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;">
						<label> Telp / HP </label>   
						<div><s:property value="klien.debitur.telephone1"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Status </label>   
						<div><s:property value="klien.debitur.status.name"/></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;">
						<label> Nama Klien </label>
						<div><s:property value="klien.debitur.name" /></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Nama Pasangan Kawin </label>   
						<div><s:property value="klien.debitur.marriedCouple"/></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
			<!-- PENJUAL -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span>  PENJUAL  </span></div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;">
						<label> Catatan Tanah </label>   
						<div><s:property value="klien.seller.note"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Agen Properti </label>
						<div><s:property value="klien.agentProperty"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Bank </label>   
						<div><s:property value="klien.bank.name"/></div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="oneTwo">
					
					<div class="section" style="border-bottom: 0px;">
						<label> Nama Klien </label>   
						<div> 
							<s:property value="klien.seller.name" />
						</div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Nama Pasangan Kawin </label>   
						<div> <s:property value="klien.seller.marriedCouple"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Telp / HP </label>   
						<div> <s:property value="klien.seller.telephone1"/></div>
					</div>
					<div class="clear"></div>
					
				</div>
			</div>
			<div class="clear"></div>
			
			<!-- PPAT -->
			<s:if test="isPPAT == 1">
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span> PPAT </span></div>
				<div class="oneTwo">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th align="left">No</th>
								<th align="left">Kepengurusan</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listKepengurusanKlienPPAT" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="managementType.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
				<div class="oneTwo" style="margin-right: 2%;">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th align="left">No</th>
								<th align="left">Akta</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listAktaKlienPPAT" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="certificateType.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
			</div>
			<div class="clear"></div>
			</s:if>
			<s:if test="isNotaris == 1">
			<!-- Notaris -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span> NOTARIS </span></div>
				<div class="oneTwo">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th align="left">No</th>
								<th align="left">Kepengurusan</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listKepengurusanKlienNotaris" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="managementType.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
				<div class="oneTwo" style="margin-right: 2%;">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th align="left">No</th>
								<th align="left">Akta</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listAktaKlienNotaris" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="certificateType.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
			</div>
			<div class="clear"></div>
			</s:if>
			<s:if test="previousPage != 'PersetujuanKlienAction_list'">
			<!-- DOKUMEN PELENGKAP DAN PAJAK -->
			<div class="widget">
				<div class="header">
					<span><span class="ico gray window"></span> JADWAL TANDA TANGAN </span>
					<span style="position: absolute; left: 58%;"><span class="ico gray window"></span>  PAJAK  </span>
				</div>
				
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;" >
						<label> Nominal Pajak SSB</label>   
						<div> Rp. <s:property value="nominalPajakSSB"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;" >
						<label> Nominal Pajak SSP</label>   
						<div> Rp. <s:property value="nominalPajakSSP"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Tanggal Pembayaran </label>   
						<div><s:property value="tanggalPembayaran"/></div>
					</div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;" >
						<label> Tanggal </label>   
						<div><s:property value="tglTTD"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;" >
						<label> Pukul </label>   
						<div><s:property value="jamTTD"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Tempat </label>   
						<div><s:property value="tempatTTD"/></div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			
			<!-- PROSES BPN DAN PENGETIKAN -->
			<div class="widget">
				<div class="header">
					<span><span class="ico gray window"></span> PENGETIKAN </span>
				</div>
				<div class="content">
					<div class="section" style="border-bottom: 0px;" >
						<label> Petugas Ketik </label>
						<div><s:property value="klien.officerType.name"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;" >
						<label> TBO </label>   
						<div><s:property value="klien.tbo"/></div>
					</div>
					<div class="clear"></div>
					<div class="section" style="border-bottom: 0px;">
						<label> Lokasi Dokumen </label>   
						<div><s:property value="klien.documentLocation"/></div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<div class="widget">
				<div class="header">
					<span><span class="ico gray window"></span>  KEPENGURUSAN  </span>
				</div>
				<div class="content">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th>No</th>
								<th align="left">Jenis Kepengurusan</th>
								<th align="left">Wilayah</th>
								<th align="left">Proses Berjalan</th>
								<th>Tgl Masuk</th>
								<th>Tgl Selesai</th>
								<th>Kode</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listKepengurusan" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="managementType.name"/></td>
									<td align="left"><s:property value="bpnRegion.reqionName"/></td>
									<td align="left"><s:property value="process"/></td>
									<td><s:property value="inBPNDate"/></td>
									<td><s:property value="outBPNDate"/></td>
									<td><s:property value="occasionsCode.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
					<div class="clear"></div>
				</div>
			</div>
			
			</s:if>
			
			<!-- CATATAN/KETERANGAN -->
			<div class="widget">
				<div class="header">
					<span><span class="ico gray window"></span> DOKUMEN PELENGKAP </span>
					<span style="position: absolute; left: 58%;"><span class="ico gray window"></span>  CATATAN  </span>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0;" >
						<label> Keterangan </label>
						<div> 
							<s:property value="klien.remarks"/>
						</div>
					</div>
				</div>
				<div class="oneTwo" style="width: 48%;margin-right: 3%;">
					<table class="display" id="_static">
						<thead>
							<tr>
								<th align="left">No</th>
								<th align="left">Dokumen</th>
								<th align="left">Keterangan</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listDokumenKlien" status="sequence">
								<tr>
									<td><s:property value="%{start+#sequence.index+1}"/></td>
									<td align="left"><s:property value="documentType.name"/></td>
									<td align="left"><s:property value="documentRemarks.name"/></td>
								</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
			</div>
			<div class="clear"></div>
			
			<s:if test="previousPage == 'PersetujuanKlienAction_list'">
			<!-- CEK OK -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span>  Pengecekan Kepengurusan  </span></div>
				<div class="oneTwo">
					<div class="section" style="height:101px;">
						<label> Catatan Pending </label>   
						<div> 
							<s:textarea name="pendingRemarks" rows="3" cssStyle="margin: 2px 0px; width: 200px;"></s:textarea>
						</div>
					</div>
					<div class="clear"></div>
					<div class="section-last" style="border-bottom: 0px;">
						
					</div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0px;">
						<label> Tanggal Cek OK </label>
						<div>
							<s:textfield type="text" id="cekOK" cssClass="text-input birthday large " name="tglCekOK"
									readonly="readonly" labelposition="left" autocomplete="off"/> <br> (dd-mm-yyyy)
						</div>
					</div>
					<div class="clear"></div>
					<div class="section" style="margin-top: -14px;">
							<label>Status ?</label>
							<div>
								<s:radio name="acceptedStatus"
											list="#{0:'Tolak',1:'Pending',2:'Terima'}"
											value="klien.acceptedStatus"
											/>
							</div>
						</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="clear"></div>
			<div style="margin-top: 10px;">
				<s:submit action="%{actionMethod}" value="Submit" cssClass="uibutton confirm" cssStyle="width:120px; float: right;"/>
			</div>
			<div class="clear"></div>				
			</s:if>
				
		</div><!-- End Third / Half column-->
	
	</s:form>

   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->
